body{
	font-size: 14px;
}
#top{
	margin:0;
	padding: 0;
	width: 100%;
}

#top>li{
	text-align: center;
	background-color: #ffffff;
	width: 31%;
	display: inline-block;
	margin: 1%;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

#top>li>p{
	padding: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #efeff4;
}

#top>li>div{
	margin-bottom: 15px;
	font-size: 20px;
	color: #fc643f;
}

#status{
	width: 30%;
	position: relative;
	color: #1c1e21;
	font-size: 14px;
	text-align: center;
	padding:4px 6px;
	margin:0;
}
.status{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.order-card{
	table{
		width:100%;
	}
	td {
		color: #888;
		padding: 6px 15px;
		&:first-child{
			padding-right:0;
			&::after {
				content: " ：";
			}
		}
		&:last-child{
			padding-left:0;
		}
	}
	tr:first-child{
		td{
			border-bottom:1px solid #ccc;
		}
	}
}